<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="header_index">
			
		</div>
		<div class="header_next">
			<div class="container four_title">
				<span class="header_next_one">学习中心</span>
				<span class="header_next_two">购买课程</span>
				<span class="header_next_three">账号设置</span>
				<span class="header_next_four">会员中心</span>
			</div>
		</div>
		<div class="container">
			<div class="subject_grade">
				<div class="w_subject sub_gra">
					<span class="noSelect">学科</span>
					<span class="w_subject_s unlimite_sub">不限</span>
					<span class="w_subject_s">语文</span>
					<span class="w_subject_s">数学</span>
					<span class="w_subject_s">英语</span>
					<span class="w_subject_s">物理</span>
				</div>
				<div class="w_grade sub_gra">
					<span class="noSelect">年级</span>
					<span class="w_grade_s unlimite_grade">不限</span>
					<span class="w_grade_s">一年级</span>
					<span class="w_grade_s">二年级</span>
					<span class="w_grade_s">三年级</span>
					<span class="w_grade_s">四年级</span>
					<span class="w_grade_s">五年级</span>
					<span class="w_grade_s">六年级</span>
				</div>
			</div>
			<div class="subject_item">
				<div class="subject_item_s">
					<div class="subject_item_sitems">【数学】</div>
					<div class="subject_item_grade">一年级&nbsp;&nbsp;(200课时)</div>
					<div class="subject_item_money"><span>现价:&nbsp;&nbsp;</span><span class="subject_price">34000</span><span>元</span></div>
					<div class="subject_item_line"></div>
					<div class="subject_item_btn">加入购物车</div>
				</div>
				<div class="subject_item_s">
					<div class="subject_item_sitems">【数学】</div>
					<div class="subject_item_grade">一年级&nbsp;&nbsp;(200课时)</div>
					<div class="subject_item_money"><span>现价:&nbsp;&nbsp;</span><span class="subject_price">34000</span><span>元</span></div>
					<div class="subject_item_line"></div>
					<div class="subject_item_btn">加入购物车</div>
				</div>
				<div class="subject_item_s">
					<div class="subject_item_sitems">【数学】</div>
					<div class="subject_item_grade">一年级&nbsp;&nbsp;(200课时)</div>
					<div class="subject_item_money"><span>现价:&nbsp;&nbsp;</span><span class="subject_price">34000</span><span>元</span></div>
					<div class="subject_item_line"></div>
					<div class="subject_item_btn">加入购物车</div>
				</div>
				<div class="subject_item_s">
					<div class="subject_item_sitems">【数学】</div>
					<div class="subject_item_grade">一年级&nbsp;&nbsp;(200课时)</div>
					<div class="subject_item_money"><span>现价:&nbsp;&nbsp;</span><span class="subject_price">34000</span><span>元</span></div>
					<div class="subject_item_line"></div>
					<div class="subject_item_btn">加入购物车</div>
				</div>
				<div class="subject_item_s">
					<div class="subject_item_sitems">【数学】</div>
					<div class="subject_item_grade">一年级&nbsp;&nbsp;(200课时)</div>
					<div class="subject_item_money"><span>现价:&nbsp;&nbsp;</span><span class="subject_price">34000</span><span>元</span></div>
					<div class="subject_item_line"></div>
					<div class="subject_item_btn">加入购物车</div>
				</div>
				<div class="subject_item_s">
					<div class="subject_item_sitems">【数学】</div>
					<div class="subject_item_grade">一年级&nbsp;&nbsp;(200课时)</div>
					<div class="subject_item_money"><span>现价:&nbsp;&nbsp;</span><span class="subject_price">34000</span><span>元</span></div>
					<div class="subject_item_line"></div>
					<div class="subject_item_btn">加入购物车</div>
				</div>
				<div class="subject_item_s">
					<div class="subject_item_sitems">【数学】</div>
					<div class="subject_item_grade">一年级&nbsp;&nbsp;(200课时)</div>
					<div class="subject_item_money"><span>现价:&nbsp;&nbsp;</span><span class="subject_price">34000</span><span>元</span></div>
					<div class="subject_item_line"></div>
					<div class="subject_item_btn">加入购物车</div>
				</div>
				<div class="subject_item_s">
					<div class="subject_item_sitems">【数学】</div>
					<div class="subject_item_grade">一年级&nbsp;&nbsp;(200课时)</div>
					<div class="subject_item_money"><span>现价:&nbsp;&nbsp;</span><span class="subject_price">34000</span><span>元</span></div>
					<div class="subject_item_line"></div>
					<div class="subject_item_btn">加入购物车</div>
				</div>
				<div class="subject_item_s">
					<div class="subject_item_sitems">【数学】</div>
					<div class="subject_item_grade">一年级&nbsp;&nbsp;(200课时)</div>
					<div class="subject_item_money"><span>现价:&nbsp;&nbsp;</span><span class="subject_price">34000</span><span>元</span></div>
					<div class="subject_item_line"></div>
					<div class="subject_item_btn">加入购物车</div>
				</div>
					
				
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>	
		<script>
			$('.header_next_two').css({ "color": "#024E96", "border-bottom": "4px solid #024E96" });

			$('.four_title span').click(function(){
				$(this).css({ "color": "#024E96", "border-bottom": "4px solid #024E96" }).siblings().css({ "color": "#191919", "border-bottom": "none" })
			})
			
			$('.sub_gra span').click(function(e){
				if(e.target.className != 'noSelect')
				$(this).css({ "color": "#ffffff", "background-color": "#024E96" }).siblings().not('.noSelect').css({ "color": "#4C4C4C", "background-color": "#ffffff" })
			})
		</script>
	</body>
</html>
